vue安装

2019-06-24 479 阅读1分钟

安装淘宝镜像cnpm

查看版本

$ npm -v

升级 npm

cnpm install npm -g

升级或安装 cnpm

npm install cnpm -g

利用cnpm安装vue

最新稳定版

$ cnpm install vue

利用cnpm安装vue的脚手架

$ cnpm install --global vue-cli

利用脚手架创建vue项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可

再次安装运行项目

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

接下来浏览器打开http://localhost:8080即可

可能遇到的问题

checkPermissions Missing write access to

# 第一步：在你的用户文件下新建一个文件夹，这个.npm-global 名字可以用你自己喜欢的名字替换，推荐直接使用这个名字。
mkdir ~/.npm-global（终端命令）
#第二步：更改node的安装连接
npm config set prefix '~/.npm-global'（终端命令）
#第三步：查找bash_profile文件，新增环境变量
 export PATH=~/.npm-global/bin:$PATH（bash_profile文件文件新增）
#第四步：查找zshrc文件，新增
source ~/.bash_profile（zshrc文件新增）

# 第五步：终端输入命令使其生效
source .zshrc