Vue 安裝

1.打开命令行窗口，输入 (注：要使用npm命令需要安装nodejs)

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

 

碰到checkPermissions Missing write access这类问题的，大多是因为安装过一次导致的

解决方案删除node_modules文件夹

C:\Users\Administrator\AppData\Roaming\npm\node_modules

2.看下cnpm 版本

cnpm -v

 

 之前安裝了 node.js,這裡有Node.js版本

3. cnpm可能不是最新的,可以先升級下 (因为安装Vue需要npm的版本大于3.0.0，所以我们要升级一下)  上面顯示版本可以不升級

cnpm install cnpm -g

升級結果如下 ,(升級后 版本和之前版本一致 )

 

 4.安裝vue

cnpm install vue

5.安裝安装vue-cli,(Vue-cli是Vue的脚手架工具 ,主要作用：目录结构、本地调试、代码部署、热加载、单元测试)

cnpm install --global vue-cli

6.進入自己的Demo文件夾( cd 命令) ,這裡直接在C:\Users\Administrator下面創建 Vue項目

vue init webpack "workflow"

然後回車 輸入 相應的項目屬性/或者直接採用默認值一直回車,運行完后,會在C:\Users\Administrator創建一個workflow的文件下

7.進入workflow文件夾 運行項目

cd workflow

cnpm run dev

 

8 環境基本配置成功,此時在瀏覽器輸入http://localhost:8080, 顯示如下

 

參考 https://blog.csdn.net/Small_Lee/article/details/68062223

9.如果运行不了 产生webpack-dev-server' 不是内部或外部命令，也不是可运行的程序异常

执行 npm install;

npm install;

 

10.如果 npm install也报错 npm ERR! Unexpected end of JSON input while parsing near '...d86f6b054106ab9e5","t'

强制清理，运行npm cache clean --force

npm cache clean --force

参考https://blog.csdn.net/genius_yym/article/details/84645915

直接执行 npm cache clean --force, 如果执行成功，再npm install即可。
如果执行失败，请先升级npm，即npm i -g npm, 最后再执行npm cache clean --force, 最后再npm install.
如果还执行失败，可能npm安装有问题，可以从第一项重装一次

如果出现

Current existing ChromeDriver binary is unavailable, proceding with download and extraction.
Downloading from file:  https://chromedriver.storage.googleapis.com/2.46/chromedriver_win32.zip
Saving to file: C:\Users\Administrator\AppData\Local\Temp\2.46\chromedriver\chromedriver_win32.zip

请手动下载 https://chromedriver.storage.googleapis.com/2.46/chromedriver_win32.zip

然后解压放到C:\Users\Administrator\AppData\Local\Temp\2.46\chromedriver\