Vue之1——vue-cli脚手架创建项目
使用vue-cli脚手架创建vue项目,1、先安装vue-clicnpm install -g vue - cli2、使用webpack-simple模板创建项目vue init webpack-simple stock_demo如下选项,基本默认,Use sass选择N? Project name stock_demo? Project description A Vue.js project?
·
使用vue-cli脚手架创建vue项目,
1、先安装vue-cli
cnpm install -g vue - cli
2、使用webpack-simple模板创建项目
vue init webpack-simple stock_demo
如下选项,基本默认,Use sass选择N
? Project name stock_demo
? Project description A Vue.js project
? Author
? License MIT
? Use sass? No
初始化后,项目/文件结构如下
进入项目目录,执行安装依赖
cd stock_demo
cnpm i
3、运行与打包
package.json文件中有如下配置:
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
},
故启动vue项目,可执行如下命令
npm run dev // 启动开发环境
npm run build //编译打包,为正式环境
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献2条内容
所有评论(0)