vuejs-入门命令大全

猿与禅

已于 2024-08-04 11:23:09 修改

阅读量485

点赞数

分类专栏：前端文章标签：命令入门 vue.js 包安装

于 2021-11-24 22:23:34 首次发布

本文链接：https://blog.csdn.net/qq_16038125/article/details/121526640

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何设置系统环境变量，包括%SystemRoot%等路径，以及npm和yarn的相关配置，如设置registry、全局安装路径和缓存位置。还详细阐述了Vue.js的安装过程，包括安装Vue@next、Vue CLI以及运行vue项目。最后提到了使用yarn创建Vite项目并进行构建的步骤。

摘要由CSDN通过智能技术生成

环境变量

%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;%SYSTEMROOT%\System32\OpenSSH\;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%SCALA_HOME%\bin;%SCALA_HOME%\lib\dt.jar;%SCALA_HOME%\lib\tools.jar.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%NODE_PATH%;D:\ProgramFiles\Git\cmd;D:\ProgramFiles\Git\bin;D:\ProgramFiles\TortoiseSVN\bin;%HADOOP_HOME2%\bin;D:\ProgramFiles\anaconda;D:\ProgramFiles\anaconda\Scripts;D:\ProgramFiles\anaconda\Library\bin;D:\ProgramFiles\anaconda\Library\mingw-w64\bin;D:\ProgramFiles\nodejs\node_global;D:\ProgramFiles\nodejs;

npm设置

C:\Users<你的用户>.npmrc

npm config set prefix "D:\ProgramFiles\nodejs\node_global"
npm config set cache "D:\ProgramFiles\nodejs\node_cache"
npm config set registry "https://registry.npmmirror.com"
npm config get prefix
npm config get cache

npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -g yarn

yarn相关

yarn config set registry https://registry.npmmirror.com -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
yarn config set global-folder "D:\ProgramFiles\nodejs\Yarn\global"
yarn config set prefix "D:\ProgramFiles\nodejs\Yarn\global"
yarn config set cache-folder "D:\ProgramFiles\nodejs\Yarn\cache"

vue相关

npm install vue@next
npm install -D @vue/compiler-sfc
yarn global add @vue/cli
vue upgrade --next

yarn create vite <project-name> --template vue
cd <project-name>
yarn install
yarn run serve
yarn run build