vue-cli脚手架开发vue项目

一、脚手架的安装

1. npm install vue-cli -g
2. vue init webpack 项目名称
3. project name 回车
4. project description 回车
5. author 回车
6. Runtime + Compier 回车
7. Install vue-router 需要使用vue-router Y之后回车
8. useESLint to lint your code(语法检查) n之后回车
9. set up unit tests n (设置单元测试)
10. setup e2e tests with nightwatch n
11. Should we run npm install for you after yes,use NPM 回车
12. 项目中没用node_modules文件夹 npm install

二、脚手架设置项

设置运行npm run dev 自动打开服务器: /config/index.js 中 autoOpenBrowser 更改为true

三、vue项目开发相关

1. main.js 入口文件
2. App.vue是根组件,作为页面的入口文件
   注意: 在 webpack 中，如果想要通过 vue， 把一个组件放到页面中去展示，vm 实例中的 render 函数可以实现 return createElements(login)
3. 新下载的包,需要在main.js中引入,利用Vue.use()注册新的包,在vue的实例中就可以使用包里面的方法了.（例如sass less less-loader vue-reseverce等）
4. 静态的css js images等可以放到src中assets中.在main.js中通过相对路径引入 import ‘’ 来引入
5. 组件都在components 中新建,通过 import from 在路由router中导入,在路由模块中,通过export default 来暴露路由规则,通过设置linkActiveClass来设置类名

(此博客仅为个人笔记,如需详细安装方法见下)

详细安装方法

https://blog.csdn.net/qq_36711388/article/details/79405402