vue.js 安装

Posted 2020-12-17 helloTerry

环境准备：mac

 

NPM 方法（推荐）

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

npm 版本需要大于 3.0，如果低于此版本需要升级它：

使用淘宝 NPM 镜像

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

踩坑
$ npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

解决方法：
$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装路径：/usr/local/lib/node_modules/cnpm/bin/cnpm

这样就可以使用 cnpm 命令来安装模块了：

$ cnpm install [name]
 
#升级 npm（可以忽略）
$sudo cnpm install npm-g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

#最新稳定版
$ cnpm install vue

　　

命令行工具

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <[e-mail]>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev
   
   Documentation can be found at https://vuejs-templates.github.io/webpack

　　

进入项目，安装并运行： 

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

　　

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：

 

 

注意：Vue.js 不支持 IE8 及其以下 IE 版本。

　　

 

 

 

安装npm全局包提示没有写入权限解决办法

修改npm包所安装目录的权限：sudo chown -R $USER /usr/local   然后输入密码就可以了

踩坑： chown: /usr/local: Operation not permitted

解决方法：

卸载Homebrew：
 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"

然后重新安装它：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"　
输入密码：

 

参考链接：https://stackoverflow.com/questions/46459152/cant-chown-usr-local-for-homebrew-in-mac-os-x-10-13-high-sierra