一、全局安装vue-cli
npm install vue-cli -g
初始化一个vue的项目
vue init webpack vue-book
? Project name vue-book
? Project description A Vue.js project
? Author xxx
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
启动
cd vue-book
npm run dev
目录结构
二、常用知识解读
1、@
import HelloWorld from '@/components/HelloWorld'
在build/webpack.base.conf.js中配置
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'), // @指的是src目录
}
},
2、config/index.js
port: 8080, // 启动项目的端口,可以更改
autoOpenBrowser: false, // 自动打开浏览器
3、只关心src目录下的东西
assets目录