vue使用&Mac+idea的vue开发环境配置
开发环境配置
npm+vue开发环境配置
看博主都推荐使用vscode开发vue
硬要使用idea的话，就需要安装vue.js插件
1、先安装vue环境
brew install nodejs
或者到官网 http://nodejs.cn/download/ 下载安装，速度快
安装成功后可查看版本信息node -v
我安装的版本是v17.9.0
npm是随同nodejs一起安装的包管理工具，能解决nodejs代码部署上的很多问题，常见的使用场景有以下几种：
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
输入npm -v来测试是否成功安装。
我安装的版本是8.5.5
npm基本使用：
npm install <package> # 本地安装
npm install <package> -g # 全局安装
npm list –g #查看所有全局安装的模块
npm uninstall <package> # 卸载模块
npm update <package> # 更新模块
但npm用国外的服务器，速度比较慢，淘宝提供了一个cnpm命令，可以从淘宝镜像下载，淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径。
2、获取nodejs模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
3、安装淘宝镜像
cnpm用法和npm相同。
npm install -g cnpm --registry=https://registry.npm.taobao.org
Ps：我看人家文章是因为在这一步失败，提示没有权限才有第2步在前的。
我在第二步的时候，没找到那个文件夹，直接3，没有报错嘻嘻。
4、安装webpack模版
cnpm install webpack -g
5、安装vue脚手架
cnpm install vue-cli -g
验证安装成功，查看版本号：vue --version，我的版本是2.9.6
ps：在5之后（没有第4步也可以），就可以在idea里去直接创建新项目。（在JavaScript下找到vue.js，创建一个vue项目）
运行后，在浏览器输入http://localhost:8080/。
安装项目依赖：在idea里找到Terminal，输入cnpm install即可
6、在硬盘上找一个文件夹放工程用的，在终端中进入该目录
cd 目录路径
7、根据模板创建项目
vue init webpack 工程名字<工程名字不能用中文>
//例如
vue init webpack demotree
会有一些初始化的设置，如下输入:
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板，这里可能需要 连代理 )
Project name (vue-test)直接回车默认。我写的是demoapple。
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字。我写的是shannon。
cd demo1命令进入创建的工程目录
注：最后三步⬇️都是要进入到当前工程目录后执行的。
8、安装项目依赖
npm install
比较慢，需要有点耐心……
我的运行失败了
9、安装 vue 路由模块vue-router和网络请求模块vue-resource
cnpm install vue-router vue-resource --save
这个也运行失败了
10、启动项目
Terminal 输入npm run dev或者npm run serve命令，这主要看项目的package.json文件里的内容，博主前端项目在scripts中，并没有dev，而是serve，所以用npm run serve命令
我的是dev哈哈哈哈
如果有产生错误，可能原因1：node和node-sass有版本对应关系。
解决办法：首先先查询node和node-sass版本对应表，要么升版本要么降版本。
以上错误俺没有遇到，俺遇到了新错误：
那我就cnpm install webpack-dev-server -g 试试看
木有解决
尝试从idea创建项目，成功。
然后点击运行，就可以了
成功运行
mac降低node版本
1、安装node版本管理模块 n
sudo npm install n -g
2、可以根据自己的需要选择安装版本[可选]
安装稳定版
sudo n stable
安装最新版
sudo n latest
版本降级/升级
sudo n 版本号
可能原因2：Error: Cannot find module ‘node-sass
解决办法是在Terminal里输入命令cnpm install node-sass@latest，然后重新运行
vue语言
https://www.runoob.com/vue2/vue-tutorial.html
https://blog.csdn.net/weixin_46349544/article/details/124080704
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js安装：
1、独立版本
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用