使用npm安装vue需要VPN,所以我使用了淘宝的cpnm镜像来安装vue
步骤:
List item
1.安装nodejs,npm
2.获取cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.获取到cnpm之后发现需要升级,输入
cnpm install cnpm -g
4.安装vue
cnpm install vue
5.安装vue-cli
cnpm install--global vue-cli
6.到这里环境就搭建好了,接下来指定一个目录存放项目
vue init webpack"项目名称"
相关配置如下
首先是项目名,项目描述,作者,搭建vue项目,是否路由这几项都可以手动输入或是选择yes ; 从是否规范代码向下的三项都选择no,方便写代码,如果采用代码规范的话编写代码时必须按照ESLint格式编写,否则会报错
最后一项选择yes,等待项目搭建好即可
7.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource,输入:cnpm install vue-router vue-resource
8.进入项目,执行npm run dev
在执行过程中如果报如下警告,是因为该项目的路径中存在大写字母。