vue(一)——vue-cli的搭建

时间:2021-10-08 12:05:32

一、安装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中的目录