vue安装及创建运行

vue安装及创建运行

vue下载

• cnpm安装：

  • 升级npm：cnpm install npm -g
  • npm cofig set cache “”C:\nodejs\node_cache“”
  • npm cofig set prefix “”C:\nodejs\node_cache“”
  • 安装cnpm：一个国内的npm安装工具
    • 安装淘宝镜像中的cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 设置安装包路径：
    • cnpm config set cache “”C:\nodejs\node_cache“”
  • 设置模块安装路径：
    • cnpm cofig set prefix “”C:\nodejs\node_cache“”
  • 使用cnpm安装vue：
    -cnpm install vue -g
  • 安装vue命令行工具：
    • cnpm install vue-cli -g

vue-devtools调试工具

• 下载vue-devtools：

  • git clone https://gitub.com/vuejs/vue-devtools

• 进入到vue-devtools目录下安装依赖包：

  • cd vue-devtools-dev
  • cnpm install
  • cnpm run build

• cnpm install yargs

• cnpm install acorn

• cnpm insatll global-prefix

• cnpm insatll @vue/component-compiler-utils

• cnpm install vue-style-loader

修改shells>chrome文件夹下的mainifest.json 中的persistent为true

 cnpm install sockjs 
 cnpm install express 
 cnpm install body-parser 
 cnpm install merge-descriptors 
 cnpm install finalhandler 
 cnpm install on-finished 
 cnpm install parseurl 
 cnpm install statuses 
 cnpm install unpipe 
 cnpm install path-to                                                                                                                   -regexp 
 cnpm install m4-ethods
 cnpm install utils-merge 
 cnpm install setprototypeof 
 cnpm install safe-buffer 
 cnpm install send 
 cnpm install proxy-addr 
 cnpm install type-is
  cnpm install vary 
  cnpm install raw-body 
  cnpm install serve-static 
  cnpm install serve-index 
  cnpm install http-proxy-middleware 
  cnpm install http-proxy 
  cnpm install eventemitter3 
  cnpm install requires-port 
  cnpm install follow-redirects 
  cnpm install webpack-dev-middleware 
  cnpm install selfsigned 
  cnpm install node-forge 
  cnpm install opn 
  cnpm install is-wsl

简单流程:

node -v
npm -v

可以再查看一下 cnpm -v

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g vue-cli

跳转到你要创建项目的盘符

vue init webpack first-project
            创建文件名称

如果失败了直接走右边,成功走下面：
cd first-project–cnpm install --cnpm run dev

cd first-project
运行：
cnpm run dev