从0开始安装vue-cil,傻瓜式教程

一. 安装node.js(最好大于8以上)
注:1.npm是什么:是node.js的包管理器,用于node插件管理(安装,卸载,管理依赖等等)。
例如:npm install [email protected] -----安装jquery1.11.1版本。
2.npm安装插件是从国外服务器下载的。所以选用cnpm。cnpm是淘宝团队弄的,是一个npmjs.org镜像。

a.安装cnpm:npm install -g cnpm --registry=https://registry:npm.taobao.org
b.输入 cnpm -V,可以查看当前cnpm版本

二. 安装vue-cil脚手架构建工具
1.安装:cnpm install vue-cil -g (g表示全局安装)
2.安装完后,查看版本号:输入 vue -V

三. 创建一个基于webpack模板的新项目
1.先切换到项目所要存放的目录下
2.输入 vue init webpack my-app ( my-app为自定义的项目名称)
3.'Use ESLint to lint your code?'时如果不想编写代码过程中时刻监测可选N

四. 安装项目所需的依赖
刚初始化的项目是没有依赖的,如果运行会报这样的错误,输入命令
cnpm install

五.启动项目:npm run dev

注:如何在输入 npm run dev 后自动在浏览器打开该项目:找到项目中的config文件夹下的index.js文件,把autoOpenBrowser改为true。

猜你喜欢

转载自blog.csdn.net/qypingi/article/details/103200250