1、node和vue-cli的安装和创建项目

今天参考网上的教程搭建vue成功了，这里记录一下方便以后使用

1、安装node.js的环境

官网下载https://nodejs.org/zh-cn/ 网上都推荐下载这个下载完成之后一路next就行

安装完成后输入 node -v    npm -v  出现版本为安装成功

node版本最好高一点，保险的话直接安装最新版本的，因为vue运行需要基于npm一定的版本（最好是3.x.x以上），版本低了有可能会出错，而npm是随node的安装自动安装的，直接安装最新的node，npm的版本号也会变高的，不用再做更多的操作，当然，也可以手动升级npm版本号

如果安装过可以使用 npm uninstall vue-cli -g 卸载       升级npm：npm install -g npm

卸载成功。。。

2、安装vue -cli

安装淘宝镜像，不然引入下载的时候超级慢

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装成功

cnpm -v 查看版本

安装全局cli  gnauhzn  cnpm install -g vue-cli

安装成功

查看版本 vue -V   V大写

如果提示“无法识别 ‘vue’ ” ，有可能是 npm 版本过低，需要手动更新npm的版本号

3、使用vue-cli创建一个项目

在黑窗口内输入 cd 你要创建的文件路径

接着输入 vue init webpack 你的文件名字  当然也可以先不输入用vue init webpack 先创建然后去文件所在地修改名称

这里出现还有下面都会出现一个选项，都选第一个，最后安装好就是这样的

安装项目所需要的依赖
进入新建的项目文件夹下，输入命令一定要进入你创建的文件夹内否则会报错的找不到指定的js的

cnpm install

然后就可以输入命令运行了 cnpm run dev  
这里也可能出错错误代码让我关掉了，不能重现了，操作放大是删除项目中的node_modules 重新执行cnpm install 然后再cnpm run dev

在页面输入http://localhost:8080就可以访问了

2、idea上面运行

要让idea支持.vue的文件需要安装插件

file ->setting->plugins 搜索vue并安装并重启idea

直接用idea打开创建的项目就可以

运行

1.可以使用最下面的Termianl命令行运行和黑窗口同操作

成功。。。。。。。。

来源：oschina

链接：https://my.oschina.net/u/3774949/blog/3150940

标签