使用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 //编译打包,为正式环境
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐