一、安装vue-li:
$ sudo npm install -g vue-cli
mac环境提高权限,Windows则不用sudo
//vue init webpack 项目名称
vue init webpack webpack-demo-sell
(vue可用来查询vue命令
,输入vue之后会出现vue <command> [options]
)
接下来会有配置选项:
?Project name my-vue-demo
? Project description A Vue.js project
? Author
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
这些填完了会有安装提示
To get started:
cd my-vue-demo
npm install
npm run dev
按照这个命令输入即可安装好一个vue-li了。
二、项目文件介绍:
打开webpack-demo-sell文件夹
可以看到build,config文件夹,都是webpack配置相关
node_modules存放依赖的代码库
src存放源码
static存放一些第三方静态资源,其中.gitkeep是为了让空文件夹也能够提交到git上,因为一般空文件夹git会忽略掉这个文件夹,不提交上去。
.eslintignore目录——忽略语法检查的目录文件
.gitignore——不会提交到git中的目录