Vue环境配置
Vue 环境配置
安装Python
下载后直接安装即可
在命令行中输入命令,验证是否安装成功
py -V
安装Node
下载后直接安装即可
在命令行中输入命令,验证是否安装成功
node -v
设置淘宝镜像,提高网络速度,在PowerShell中执行以下命令
npm config set registry "https://registry.npm.taobao.org"
查看配置
npm config list
在node安装文件夹下创建 node_cache 和 node_global 文件夹,并做一下设置
npm config set prefix "{node安装地址}\node_global"
npm config set cache "{node安装地址}\node_cache"
将node缓存和全局包设置在node安装文件夹下
并在环境变量中设置一下path
{node安装地址}\node_global
{node安装地址}\node_global\node_modules
安装Vue/CLI
安装好node后,在PowerShell
中执行以下命令
npm install -g @vue/cli
等待安装完成
执行以下命令安装安装是否成功
vue --version
升级Vue/CLI
npm update -g @vue/cli
创建一个新项目
以管理员身份运行命令行程序,在命令行中进入要创建项目的文件夹执行以下命令创建一个新项目
vue create hello-world
或者通过vue-ui来创建项目,执行一下命令
vue ui
打开vue的UI服务,在浏览器中输入服务地址,就可以创建项目了