前言作为前端三大框架（Angular、React、Vue）之一，Vue号称是最简单易用的框架，它是也是行业的一大趋势。它还可以用于开发最热门的小程序。具有开发速度快，数据双向流动的特点。有人认为Vue是Angular和React的结合。它既有Angular的模板语法，也有React的组件体系，促进了它的快速发展。下面说一下Vue脚手架（vue-cli）的安装。安装vue（推荐使用npm）#全局安装vue-cli$npminstall--globalvue-cli#根据webpack模板新建项目$vueinitwebpackmy-project#安装依赖，交给你$cdmy-project$npminstall$npmrundev使用npminstall--globalvue-cli命令时，解决方法是：npm:commandnotfound。1.重新安装nodejs。2.依次执行以下命令：sudoapt-getremovenpmsudoapt-getremovenodejs-legacysudoapt-getremovenodejssudorm/usr/bin/nodesudoapt-getinstallnodejssudoapt-getinstallnodejs-legacysudoapt-getinstallnpm执行上述命令时，会出现：sudo:apt-get:commandnotfound，原因是apt-get是debian（Ubuntu）才有的包管理器。1.方案一：使用brew代替apt-get什么是brew？Brew，全称Homebrew，是一款MacOSX上的软件包管理工具，可以方便的在Mac上安装或卸载软件。如何安装？安装只需要在终端输入如下命令（Mac自带ruby不需要安装）ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)》安装完成后使用brewinstalllibxml2即可。如果想查看brew的更多功能，请使用brew--help查看其帮助文档。2、方案二：Fink的安装过程这里不再赘述。如果你有兴趣，可以去看看。传送门Fink安装brew安装完成后，可以依次执行以下命令：brewremovenpmbrewremovenodejs-legacybrewremovenodejsbrewrm/usr/bin/nodebrewinstallnodejsbrewinstallnodejs-legacybrewinstallnpm继续执行npminstall--globalvue-cli安装脚手架，发现npm无法安装模块。原因是代理问题，要求node版本为node-6.2.1。执行以下命令：npmconfigrmproxynpmconfigrmhttps-proxyMac如果在/Users/YourUserName下找不到.bash_profile，就自己创建一个.bash_profile文件。运行以下命令：cd/Users/YourUserName//输入文件目录位置touch.bash_profile//创建文件open-e.bash_profile//打开并编辑（文件可以为空）source.bash_profile//编辑并保存并执行这句话编译以上步骤完成后，执行：npminstall--globalvue-cli，现在可以执行了。在执行vueinitwebpackmy-project时，如果报：bashvue:commandnotfound，这个提示说明vue-cli没有安装成功，重新执行npminstall--globalvue-cli全局安装。以上是用npm安装，当然你也可以用yarn。如果你想用yarn安装，你必须用npm安装yarn。执行命令：npminstall-gyarn修改全局路径为默认路径：npmroot-g//查看本地npm包的安装路径npmconfigsetprefix/usr/local//修改全局路径为默认路径npm-v//可以看到nodejs对应的版本号创建一个新项目cd/Users/app/Downloads/projectvueinitwebpackmy-project(项目名)//创建一个新项目//会问你关于创建项目前的项目信息，信息如下：?项目名称my-project//设置项目名称？项目描述my-projectapp//设置项目描述？AuthorMartyr//设置作者？Vuebuildstandalone//使用标准文件还是压缩文件（标准）？安装vue路由器？是//是否要安装vue-router（路由）？使用ESLint来检查你的代码？否//您是否使用语法检查器（非常严格）？PickanESLintpresetStandard//Whatkindof(Justselectthestandard)?设置单元测试NO//使用单元测试？使用Nightwatch设置端到端测试？否//使用端到端测试？我们应该在项目创建后为您运行`npminstall`吗？(推荐)npm//现在需要使用npm或者yarn帮你配置项目，还是以后自己安装？安装完成后会有运行项目的提示：cdmy-project//进入my-project文件夹npminstall//安装依赖；npmrundev//运行项目最后在浏览器地址栏输入http://localhost:8080回车，新建的vue-cli模板项目就会运行起来。附：在项目中安装Vux移动端npminstallvux--savenpminstallvux-loader--save-dev//要安装vux，必须安装vux-loader，否则会报错。安装weex开发APP//全局安装weex-toolkit，在app下执行可以sudonpminstall-gweex-toolkit//安装appdeMacBook-Pro:app$weex-v//查看版本号，如果有如下显示出现，安装成功v1.3.11-weex-builder:v0.4.0-weex-previewer:v1.5.1相关信息创建一个Vue项目，引入Iviewnpm:commandnotfound的解决方法使用apt-get命令vue创建一个MacOSX下新建项目(-)Mac上安装vue-cli打开并编辑.bash_profile文件
