通过vue-cli(脚手架)创建vue工程(国内镜像)
供作者本人记忆 其他初学者可能看不董
cnpm install vue-cli -g
安装成功后初始化创建项目
vue init webpack 项目名称
//打包方式用webpack
然后依次创建
PS F:\qf_Study\MyVue\FirstVueProject> vue init webpack Vue1026night
? Project name vue1026night
? Project description A Vue.js project
? Author shangyinlong <1406089819@qq.com>
? Vue build standalone
? Install vue-router? No //是否创建路由
? Use ESLint to lint your code? No //
? 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) no
vue-cli · Generated "Vue1026night".
# Project initialization finished!
# ========================
To get started:
cd Vue1026night
npm install (or if using yarn: yarn)
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
PS F:\qf_Study\MyVue\FirstVueProject>
创建成功后导入需要的依赖
element -ui
PS F:\qf_Study\MyVue\FirstVueProject\vue1026night> cnpm i element-ui -S
路由router
PS F:\qf_Study\MyVue\FirstVueProject\vue1026night> cnpm install vue-router --save-dev
安装sass加载器
PS F:\qf_Study\MyVue\FirstVueProject\vue1026night> cnpm install sass-loader node-sass --save-dev
最后把整个项目的依赖都初始化导入
npm install