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

你可能感兴趣的:(vue-cli脚手架新建vue工程)