vue-cli脚手架新建vue工程

  1. 安装npm
    查看npm版本: npm -v
  2. 安装vue-cli
    sudo npm install vue-cli -g
  3. 查看vue版本(大写V)
    vue -V
  4. 安装webpack
    sudo npm install webpack -g
  5. 切换到需要建工程的路径
    cd VueProject/
  6. 新建vue工程vue-demo
    sudo npm init webpack vue-demo

根据需求填入工程信息：
project name
project description
author
Install vue-router? Y (是否下载路由插件）
User ESLint to lint your code? Y (是否启用ESLint规则检测)
Set up unit tests? N (是否要测试)
Setup e2e tests with Nightwatch? N (是否用Nightwatch进行e2e测试)
Should we run 'npm install' for you after the project has been created? Yes, use NPM (用npm启动工程)

  1. 创建好工程以后，进入工程目录
    cd vue-demo
  2. 起本地服务器
    npm run dev

  3. 浏览器输入localhost:8080 (端口默认8080) 出现vue页面


    默认页面

notes：在创建工程的时候如果报permission denied的错时要在init命令前加sudo来赋予权限

安装依赖： npm install
打包工程： npm run build
起本地服务器： npm run dev

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容