Vue项目的初次创建
Vue 环境配置
研究Vue 已经很久了 ,今天就把所得梳理一下 ,对于node.js npm的安装这里就不多说了,下面开始吧。
##Vue项目的搭建
-
首先我们要打开我们的黑窗体(也就是cmd,打开方法可以百度)
-
然后在 cmd 中输入命令获取nodejs模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
-
建议大家安装一个淘宝的 cnpm镜像 这样就不用为不能翻墙而苦恼了
安装命令如下 -
接下来就是安装模块了
淘宝镜像安装 cnpm install [name] ([] 中括号内可以省略) npm 安装(能连外网的建议使用) npm install [name]
-
安装webpack
淘宝镜像安装 cnpm install webpack -g npm 安装(能连外网的建议使用)npm install webpack -g
-
安装vue脚手架
npm install vue-cli -g
接下来就要创建项目了
首先使用cmd 打开你要创建项目的文件路径 在文件夹下执行 cmd 命令
vue init webpack-simple + 项目名
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字
好的 创建完成之后 cmd 会提示你打开的命令的
按着命令来就可以打开你的项目了
接下来我们就要安装项目依赖了
关闭cmd 重新打开 进入项目路径
一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。
npm install
如果官方的 安装不了 那就使用下边的 从国内镜像安装吧
国内镜像cnpm安装(会导致后面缺了很多依赖库)
cnpm install
安装 vue 路由模块vue-router和网络请求模块vue-resource
cnpm install vue-router vue-resource --save
如果你用的是老版本的 vue-cli 运行的时候可能报其他错误,需要更新一下 vue-cli
npm update vue-cli