Vue项目创建
vue-cli mac版安装需要权限才能安装在安装命令前加sudo 管理权限安装即可
vue的脚手架:快速帮我们创建出vue的项目
vue2 和 vue3
-vue-cli可以创建vue2和vue3的项目 webpack构建工具
-Vite:新一代构建工具
-vue3上,推荐使用ts写 js
先安装nodejs 后端语言---》语法就是js的语法
-js运行在浏览器中,浏览器中有它的解释器环境
-不能运行在操作系统之上,把chrom浏览器的v8引擎,把它安装在操作系统上
-c语言写了内置库:文件操作,网络操作
-官网:https://nodejs.org/zh-cn/download/ ,下载,一路下一步
-安装完会释放两个命令(在环境变量中,任意路径都能敲这俩命令)
-node python3
-npm pip
-cnpm 等同于pip ,只是下模块,直接取淘宝镜像站下载,速度快
cnom install 插件名 -S 带S解释:保存本地
安装vue-cli ,通过脚手架创建vue项目 (django--->django项目--->django-admin)
sudo cnpm install -g @vue/cli
-只要装成功,又会多出一个可执行文件 vue
npm 下载时候,去国外,速度慢,使用国内镜像
-淘宝做了一个cnpm可执行文件,用来替换npm,以后所有使用npm的地方都换成cnpm即可
-安装cnpm
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
创建vue项目
vue create myfirstvue
第一步

第二步

第三步

创建完成

ide的选择(vscode,webstorm:jetbrains公司的,跟pycharm一家的,使用习惯一样)
-选择使用pycharm+vue插件 开发vue项目
-使用pycharm打开vue项目
运行vue项目
-方式一:在命令行中敲:npm run serve
-方式二:在pycharm中点击绿色箭头运行

点击➕号添加

浙公网安备 33010602011771号